<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<%-- <title>首页</title> --%>
	<meta name="decorator" content="ems_${site.theme}_front" />
	<meta name="description" content="JeeSite ${site.description}" />
	<meta name="keywords" content="JeeSite ${site.keywords}" /> 
	<script type="text/javascript">
	function toPay()
	{
		var payType = "${payType}";
		
		if(!payType)
		{
			payType = "personal";
		}
		
		if("personal" == payType)
		{
			if(confirm("您将进入二维码支付页面，进入后请按照“支付步骤”进行支付，支付时必须添加备注,否则无法确认您的支付信息"))
			{
				// location = "http://www.sdsxdw.com/weixin/toQRcodePay?ono=${join.order.orderNo}";
				location = "${ctx}/weixin/toQRcodePay?ono=${join.order.orderNo}";
			}
		}
		else
		{
			// 生产
			/* location = "http://www.sdsxdw.com/weixin/getCode?url=http://www.sdsxdw.com/weixin/pay?oid=${join.order.orderNo}!p=${join.order.money }"; */
			
			// mod by zad 2017-11-20 防止用户支付完成后，不点击微信成功页面的“完成”按钮，造成订单状态不同步
			if(confirm("支付成功后，请点击微信成功页面下面的“完成”按钮，完成支付！谢谢"))
			{
				location = "http://www.sdsxdw.com/weixin/getCode?ono=${join.order.orderNo}";
			}
		}
		
		
		// 测试
		/* location = "http://www.sdsxdw.com/weixin/getCode?url=http://www.sdsxdw.com/weixin/pay?oid=${join.order.orderNo}!p=0.01"; */
	}
</script>
</head>
<body>
	
	<!--主界面部分-->
		 
	<header class="mui-bar mui-bar-nav" style="background:url('${ctxStatic }/weixin/images/navbg.jpg');"> 
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #fff;"></a>
			<div style="width:80%; overflow: hidden; margin:0  10%; line-height: 44px; text-align:left; vertical-align: middle; height: 100%;color:#fff;">
			${join.course.name }报名
			 </div> 
	</header>
 
 
		<div class="mui-content" style="padding-top:50px; padding-bottom: 60px; overflow-y: scroll; height:auto;">
		     
				 
		 <div class="mui-content-padded" style="margin-top: 30px;">	 
     		 <h3 style="text-align: center;">${join.course.name }报名微信支付</h3> 
	     	 <div style="padding: 30px; font-size: 14px; color: #999;">
	     	 	 <div class="fli"> 选手姓名：${join.joiner }</div>
				 <div class="fli">   组别：${fns:getDictLabel(join.groupType, 'course_group_type', '')}</div>
				 <div class="fli"> 展示方式：${fns:getDictLabel(join.joinType, 'course_join_type', '')}</div>
				 <div class="fli"> ${join.course.sign eq 'paint'?'展示类型':'展示大类'}：${join.bigCategoryName }</div>
		 		 <div class="fli" style="display: ${join.course.sign eq 'paint'?'none':'block'}"> 展示小类：${join.smallCategoryName}</div>
		 		 <div class="fli"> 推选学校：${join.school}</div>
				 <div class="fli"> 备注(初选地点)：${join.remarks}</div>
				 <div class="fli"> 家长姓名：${join.register }</div>
				 <div class="fli"> 家长电话：${join.mobile }</div>
				 <Div class="fli"> 报名人数：${join.order.num } 人 </Div>
				 <div class="fli"> 报名时间：<fmt:formatDate value="${join.order.createDate}" pattern="yyyy-MM-dd HH:mm:ss"/></div>
				 <div class="fli"> 订单号：${join.order.orderNo }</div>
				 <div class="fli">应付金额：<font style="font-size:20px; font-weight:600; color:#FF0000">${join.order.money }元</font></div>
				 <br/>
				 <button type="button" class="mui-btn mui-btn-success" onclick="toPay();">微信支付</button>
			 </div>
		 </div>
		    
		     
		     <br />
		</div>
</body>
</html>